<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- 3行 4列   
		  步骤1： table 表格表格的外轮廓 行级标签 div
		             属性： 
					    border 1px  边框粗度
						bordercolor 边框颜色
						align  center right left table位于一行的位置
						cellpadding、cellspacing 去掉border双线
						
		  步骤2： tr 行
					属性： 
					   align 行内内容的对其方式
		  步骤3： td th 列  th自动字体+粗+黑 一般用于表头
					属性：
					   align 列内内容的对其方式
					   width 列宽
		-->
		<table width="40%" align="center" border="1px" bordercolor="#ff0000" cellpadding="0px" cellspacing="0px">
			
			<tr align="center">
				<!-- 一列占一行的宽度-->
				<th width="50%">姓名</th>
				<th>Java</th>
				<th>H5</th>
				<th>PHP</th>
			</tr>
			
			<tr align="center">
				<td align="right">姓名</td>
				<td>Java</td>
				<td>H5</td>
				<td>PHP</td>
			</tr>
			
			<tr>
				<td>二狗子</td>
				<td>90</td>
				<td>80</td>
				<td>88</td>
			</tr>
			
			<tr>
				<td>驴蛋蛋</td>
				<td>20</td>
				<td>30</td>
				<td>40</td>
			</tr>
			
		</table>
		
		
		<table width="40%" border="1px" bordercolor="#ffff00" cellpadding="0px" cellspacing="0px">
			
			<tr>
				<td>姓名</td>
				<td>Java</td>
				<td>H5</td>
				<td>PHP</td>
			</tr>
			
			<tr>
				<td>二狗子</td>
				<td>90</td>
				<td>80</td>
				<td>88</td>
			</tr>
			
			<tr>
				<td>驴蛋蛋</td>
				<td>20</td>
				<td>30</td>
				<td>40</td>
			</tr>
			
		</table>
		
	</body>
</html>
